.clear::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  * {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style-type: none;
    font-weight: 400;
    text-decoration: none;
  }
  // 轮播图
  .banner {
    height: 450px;
    margin: auto;
    max-width: 1920px;
    position: relative;
    > .nav_left {
      position: absolute;
      width: 250px;
      left: 50%;
      top: 0;
      margin-left: -571px;
      height: 450px;
      z-index: 999;
      > .el-col {
        width: 240px;
      }
    }
  }
  // 主要内容
  .main {
    width: 1142px;
    margin: auto;
    margin-top: 30px;
    // 第一层主要内容
    > .main1 {
      display: block;
      > .main1_top {
        height: 28px;
        border-bottom: 2px solid #cc6633;
        > li {
          color: #cc6633;
          background: url("/public/Index/tuantop.jpg") no-repeat center bottom;
          padding-bottom: 12px;
          height: 18px;
          margin: 0 10px;
          float: left;
          font-size: 16px;
          cursor: pointer;
        }
      }
      > .main1_m {
        margin-right: -20px;
        > .li {
          float: left;
          width: 210px;
          height: 252px;
          margin-right: 20px;
          margin-top: 12px;
          border: 1px solid #f0f0f0;
          position: relative;
          transition: 0.5s;
          &:hover {
            box-shadow: 2px 2px 5px #666;
          }
          > img {
            width: 100%;
            height: 155px;
          }
          > .padd10 {
            padding: 10px 0;
            overflow: hidden;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            > p {
              font-size: 14px;
              color: #333;
              line-height: 20px;
              height: 40px;
              overflow: hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              margin-bottom: 10px;
              padding: 3px 10px;
              background: #fff;
              transition: all 0.3s;
            }
            > b {
              color: #cc6633;
              font-size: 20px;
              margin-left: 10px;
            }
            > span {
              float: right;
              font-size: 12px;
              color: #fff;
              background: #cc6633;
              padding: 6px 10px;
              border-radius: 12px;
              margin-right: 10px;
            }
          }
        }
      }
    }
    // 第二层主要内容
    > .main2 {
      padding-top: 20px;
      margin-top: 10px;
      > .main2_top {
        line-height: 30px;
        height: 30px;
        border-bottom: 3px solid #f3f3f3;
        > i {
          color: #cc6633;
          font-size: 12px;
          font-weight: 700;
          float: left;
          line-height: 30px;
        }
        > b {
          color: #565656;
          font-size: 18px;
          margin-left: 6px;
          float: left;
          line-height: 30px;
        }
        > span {
          color: #aaa;
          font-size: 12px;
          margin-left: 12px;
          float: left;
          line-height: 30px;
        }
      }
      > .main2_m {
        margin-right: -30px;
        > .main2_left2 {
          background: url("/public/Index/duan0.jpg") no-repeat center bottom;
        }
        > .main2_left {
          background: url("/public/Index/qiu0.jpg") no-repeat center bottom;
        }
        > .main2_left3 {
          background: url("/public/Index/chang0.jpg") no-repeat center bottom;
        }
        > .main2_left,
        .main2_left2,
        .main2_left3 {
          float: left;
          width: 275px;
          height: 558px;
          margin-right: 20px;
          padding-left: 10px;
        }
        > .main2_right {
          width: 865px;
          height: 560px;
          float: left;
          > .main2_right_list {
            > .li {
              display: block;
              float: left;
              height: 265px;
              width: 263px;
              margin-right: 23px;
              margin-top: 15px;
              position: relative;
              overflow: hidden;
              box-sizing: border-box;
              transition: 0.5s;
              &:hover {
                box-shadow: 2px 2px 5px #666;
              }
              > img {
                width: 100%;
                height: auto;
              }
              > p {
                font-size: 14px;
                color: #333;
                line-height: 20px;
                height: 40px;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 3px 10px;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 35px;
                background: #fff;
                transition: all 0.3s;
              }
              > .price {
                position: absolute;
                right: 0;
                bottom: 0;
                color: #cc6633;
                font-size: 20px;
                width: 95%;
                text-align: right;
                padding-top: 5px;
                height: 30px;
                padding-right: 5%;
              }
              > .start {
                padding-top: 38px;
                padding-left: 10px;
                font-size: 14px;
                color: #666;
              }
            }
          }
        }
      }
    }
  }